const Color = {
    primaryLight: '#06BEB6',
    primaryLightTransparent: 'rgba(6, 190, 182, 0.8)',
    primary: '#48B1BF',
    primaryTransparent: 'rgba(72, 177, 191, 0.8)',
    primaryDark: '#2A93A1',
    primaryDarkTransparent: 'rgba(42, 147, 161, 0.8)',
    amber: '#FFC107',
    background: '#F3FFFE',
    backgroundDark: '#0E5552',
    black: '#000000',
    blackTransparent: 'rgba(0, 0, 0, 0.8)',
    blue: '#2196F3',
    blueLight: '#42A5F5',
    lime: '#CDDC39',
    grayDark: '#455A64',
    gray: '#607D8B',
    grayLight: '#90A4AE',
    grayLightTransparent: 'rgba(207, 216, 220, 0.5)',
    grayLightExtreme: '#CFD8DC',
    green: '#4CAF50',
    greenLight: '#66BB6A',
    orange: '#FFB300',
    orangeLight: '#FFCC80',
    pink: '#F06292',
    purple: '#9C27B0',
    red: '#F44336',
    redLight: '#EF5350',
    yellow: '#FFEB3B',
    white: '#FFFFFF',
    whiteTransparent: 'rgba(255, 255, 255, 0.8)',
};

const Size = {
    font: 16,
    font_lg: 18,
    font_xlg: 20,
    font_xxlg: 28,
    font_sm: 14,
    font_xs: 12,
    icon: 28,
    icon_lg: 48,
    icon_xlg: 88,
    icon_sm: 20,
    icon_xs: 16,
    radius: 8,
    radius_lg: 16,
    radius_xlg: 24,
    radius_xxlg: 32,
    radius_sm: 4,
    ratio_16_9: 1.8,
    ratio_2_1: 2,
    ratio_3_2: 1.5,
    spacing: 16,
    spacing_lg: 32,
    spacing_xlg: 36,
    spacing_xxlg: 64,
    spacing_sm: 12,
    spacing_xs: 4
};

export {
    Color,
    Size
};
